<!--
 * @Author: your name
 * @Date: 2021-08-12 18:19:06
 * @LastEditTime: 2021-08-17 11:41:43
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \Html\HTML&CSS\day09\wodeyemian.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的主页</title>
    <link rel="stylesheet" href="css/wodezhuye.css">
    <link rel="stylesheet" href="css/style.css">
</head>


<link rel="stylesheet" href="../jianhsu/css/wodezhuye.css">
<link rel="stylesheet" href="css/wodezhuye.css">
</head>

<body>
    <nav class="nav">
        <div class="nav-div">
            <a href="#" class="logo"><img src="images/bg/main4.png" alt=""></a>
            <a href="#" class="text btn"><img src="images/icon/yumanbi.png" height="19px" width="19px" alt="">
                <i>写文章</i> </a>
            <div class="nav-page">
                <div id="head">
                    <img id="head" src="../jianhsu/images/bg/头像.png" width="40px"
                        style="border-radius: 20px; margin-top: 8px;  margin-left: 10px;" alt="">
                    <ul class="page-2" id="page-2">
                        <li><a href="#"><img src="images/icon/renyan.png" alt="">我的主页</a></li>
                        <li><a href="#"><img src="images/icon/shoucang.png" alt="">收藏的文章</a></li>
                        <li><a href="#"><img src="images/icon/xiaoxi.png" alt="">喜欢的文章</a></li>
                        <li><a href="#"><img src="images/icon/yigou.png" alt="">已购内容</a></li>
                        <li><a href="#"><img src="images/icon/qianbao.png" alt="">我的钱包</a></li>
                        <li><a href="#"><img src="images/icon/shezhi (3).png" alt="">设置</a></li>
                        <li><a href="#"><img src="images/icon/bangzhu.png" alt="">帮助与反馈</a></li>
                        <li><a href="#"><img src="images/icon/tuichu (2).png" alt="">退出</a></li>
                    </ul>
                </div>
            </div>
            <div class="nav-font">
                Aa
            </div>
            <div class="nav-search">
                <ul class="nav-ul clearfix">
                    <li class="hover"><a href="main.html"> <img src="images/icon/daohang.png" alt=""> 发现</a> </li>
                    <li class="hover"><a href="#"> <img src="images/icon/renyan.png" alt=""> IT技术</a> </li>
                    <li class="hover"><a href="#"><img src="images/icon/shu.png" alt=""> 关注</a> </li>
                    <li class="hover hover-0">
                        <a href="#"><img src="images/icon/zhong.png" alt=""> 消息</a>
                        <!-- <div class="hover-0"> -->
                        <ul class="hover-1">
                            <li><a href="#"><img src="images/icon/pinlun.png" alt=""> 评论</a></li>
                            <li><a href="#"><img src="images/icon/xin.png" alt="">简信</a></li>
                            <li><a href="#"><img src="images/icon/shangchuan.png" alt="">投稿请求</a></li>
                            <li><a href="#"><img src="images/icon/xihuan (2).png" alt="">喜欢和赞</a></li>
                            <li><a href="#"><img src="images/icon/guanzhu.png" alt="">关注</a></li>
                            <li><a href="#"><img src="images/icon/zhifu.png" alt="">赞赏和付费</a></li>
                            <li><a href="#"><img src="images/icon/shenglue.png" alt="">其他提醒</a></li>
                        </ul>
                        <!-- </div> -->
                    </li>
                    <li id="li"><input type="text" placeholder="搜索" style="border:none;"></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="header"></div>
    <div class="main">
        <div class="main-1">
            <div class="main-1-1">
                <div class="n1"><a href="#"><img src="images/bg/头像.png" style="border-radius: 50px;"></a>
                </div>
                <div class="n2">乌凌</div>
                <div class="s">
                    <div>13<br>关注</div>
                    <div>14<br>粉丝</div>
                    <div>520<br>文章</div>
                    <div>521<br>字数</div>
                    <div>1314<br>收获喜欢</div>
                </div>
            </div>
            <div class="main-1-2">
                <a href="#">
                    <div class="main-1-2-1"><img src="images/bg/mian-1-2-1.png"> 文章</div>
                </a>
                <a href="#">
                    <div class="main-1-2-2"><img src="images/bg/main-1-2-2.png"> 动态</div>
                </a>
                <a href="#">
                    <div class="main-1-2-3"><img src="images/bg/main-1-2-3.png"> 最新评论</div>
                </a>
                <a href="#">
                    <div class="main-1-2-4"><img src="images/bg/main-1-2-4.png"> 热门</div>
                </a>
            </div>
        </div>
        <div class="main-2">
            <div class="main-2-1"><a href="#">
                    <img src="images/bg/wewe.png"></a>
            </div>
            <div class="main-2-2">
                <a href="#"><img src="images/bg/main-2-2.png"> 我关注的专题/文集/连载</a>
                <br>
                <br>
                <a href="#"><img src="images/bg/main-2-3.png">我喜欢的文章</a>
            </div>
            <div class="main-2-3">
                我创建的专题
                <br>
                <a href="#">
                    <div id="main-2-3">+创建一个专题</div>
                </a>
            </div>
        </div>
</body>

</html>